<template>
    <div class="common-layout">
        <el-container>
            <el-aside :width="$store.state.homeview.navBool">
                <!-- 2.使用组件 -->
                <Ln />
            </el-aside>
            <el-container>
                <el-header>
                    <Tr />
                </el-header>
                <el-main>
                    <!-- 路由出口设置 -->
                    <router-view></router-view>
                </el-main>
            </el-container>
        </el-container>
    </div>
</template>
<script setup>
// 1.引用组件
import Ln from "../../components/LeftNav"
import Tr from "../../components/TopRight.vue"
</script>
<style lang="scss">
.common-layout {
    .el-aside {
        background-color: pink;
    }

    .el-header {
        background-color: gold;
    }

    .el-main {
        background-color: burlywood;
    }
}

// 高度100%
.el-aside,
.el-container,
.common-layout,
#app,
body,
html {
    height: 100%;
}
</style>